
<!--主页-->
<template>
    <transition name="home" enter-active-class="animated slideInRight">
      <div class="home">
      <!--顶部搜索-->
      <search></search>
      <!--轮播-->
      <banner :banner="banner.img"></banner>
      <!--导航菜单-->
      <topNav :navtop="navtop.nav"></topNav>
      <!--官方消息-->
      <officialNews :newsList="news.newList"></officialNews>
      <!--精选推荐-->
      <recommendBoutique :recommend="recommend.recommendList"></recommendBoutique>
      <!--火爆热销-->
      <hotSale :hotSale="hotSale.hotList"></hotSale>
      <!--热门书单-->
      <hotBookList :hotBook="hotBook"></hotBookList>
      <!--会员点击榜-->
      <memberClick :clickBook="clickBook"></memberClick>
      <!--订阅-->
      <subscribeList :subscribeBook="subscribeBook"></subscribeList>
      <!--猜你喜欢-->
      <guessLike :likeBook="likeBook"></guessLike>
      <!--页脚-->
      <Footers></Footers>
      </div>
    </transition>

</template>

<script>
import Search from '@/components/home/search/searchbox.vue'
import Banner from '@/components/home/banner/banner.vue'
import TopNav from '@/components/home/topNav/top_nav.vue'
import officialNews from '@/components/home/OfficialNews/official_news.vue'
import RecommendBoutique from '@/components/home/RecommendBoutique/recommend_boutique.vue'
import HotSale from '@/components/home/hotSale/hot_sale.vue'
import HotBookList from '@/components/home/HotBookList/hot_book_list.vue'
import MemberClick from '@/components/home/MemberClick/member_click.vue'
import SubscribeList from '@/components/home/SubscribeList/subscribe_list.vue'
import GuessLike from '@/components/home/guessLike/guess_like.vue'
import Footers from '@/components/commons/footer/footer.vue'
export default {
  name: 'Home',
  data () {
    return {
      banner: '',
      navtop: '',
      news: '',
      recommend: '',
      hotSale: '',
      clickBook: '',
      subscribeBook: '',
      likeBook: '',
      hotBook: ''
    }
  },
  created () {
    this.$http.get('./static/data/homedata.json').then((res) => {
      this.banner = res.body.banner
      this.navtop = res.body.navtop
      this.news = res.body.news
      this.recommend = res.body.recommend
      this.hotSale = res.body.hotSale
      this.clickBook = res.body.clickBook
      this.subscribeBook = res.body.subscribeBook
      this.likeBook = res.body.likeBook
      this.hotBook = res.body.hotBook
    })
  },
  components: { Search, Banner, TopNav, officialNews, RecommendBoutique, HotSale, HotBookList, MemberClick, SubscribeList, GuessLike, Footers }
}

</script>


<style>

</style>
